<div class="login" [@aroAnimation]="'zoomIn'">

  <button class="back" mat-mini-fab (click)="goBack();">
    <i class="fa fa-chevron-left"></i>
  </button>

  <form class="box" #loginForm="ngForm" ngForm>
    <p>
      <mat-form-field>
        <mat-label>手机号:</mat-label>
        <input matInput placeholder="请输入手机号" name="userPhoneNumber" #useruserPhoneNumber="ngModel" ngModel required>
      </mat-form-field>
    </p>
    <p>
      <mat-form-field>
        <mat-label>密码:</mat-label>
        <input matInput type="password" placeholder="请输入密码" name="userPassword" #userPassword="ngModel" ngModel required>
      </mat-form-field>
    </p>
    <p>
      <button type="button" mat-raised-button [disabled]="loginForm.invalid" (click)="nextStep_onclick(loginForm.value.userPhoneNumber,loginForm.value.userPassword);">下一步</button>
    </p>
  </form>

</div>
